<div class="tp-banner-container journal-fullscreen-slider">
    <?php if ($transparent_overlay): ?>
    <div class="transparent-overlay" style="background-image: url('<?php echo $transparent_overlay; ?>');"></div>
    <?php endif; ?>
    <div class="tp-banner" id="journal-fullscreen-slider-<?php echo $module; ?>">
        <ul>
            <?php $first = true; ?>
            <?php foreach ($images as $image): ?>
            <?php if ($first): ?>
            <li data-fstransition="fade" data-fsslotamount="0" data-fsmasterspeed="0" data-transition="<?php echo $transition; ?>" data-slotamount="1" data-masterspeed="<?php echo $transition_speed; ?>">
                <?php $first = false; else: ?>
            <li data-transition="<?php echo $transition; ?>" data-slotamount="1" data-masterspeed="<?php echo $transition_speed; ?>">
                <?php endif; ?>
                <img src="<?php echo $image['image']; ?>" alt="<?php echo $image['title']; ?>" data-bgfit="cover" data-bgposition="center center" data-bgrepeat="no-repeat" />
            </li>
            <?php endforeach; ?>
        </ul>
    </div>
    <script>
        (function () {
            var opts = {
                delay: parseInt('<?php echo $transition_delay; ?>', 10),
                startwidth: 1280,
                startheight: 700,
                hideThumbs: 10,
                navigationType: 'none',
                navigationArrows: 'none',
                fullWidth: "off",
                fullScreen: "on",
                fullScreenOffsetContainer: ""
            };
            $('#journal-fullscreen-slider-<?php echo $module; ?>').revolution(opts);
        })();
    </script>
</div>